<!doctype html>
<html lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="icon" href="__IMG__/favicon.png" type="image/png">
	<title>{:config('WEB_SITE_TITLE')}</title>
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="__CSS__/bootstrap.css">
	<link rel="stylesheet" href="__VEN__/linericon/style.css">
	<link rel="stylesheet" href="__CSS__/font-awesome.min.css">
	<link rel="stylesheet" href="__VEN__/owl-carousel/owl.carousel.min.css">
	<link rel="stylesheet" href="__CSS__/magnific-popup.css">
	<link rel="stylesheet" href="__VEN__/nice-select/css/nice-select.css">
	<link rel="stylesheet" href="__VEN__/animate-css/animate.css">
	<link rel="stylesheet" href="__VEN__/flaticon/flaticon.css">
	<!-- main css -->
	<link rel="stylesheet" href="__CSS__/style.css">
</head>

<body>

	<!--================Header Menu Area =================-->
	{include file="head.html"}
	<!--================Header Menu Area =================-->

	<!--================Home Banner Area =================-->
	<section class="home_banner_area">
		<div class="banner_inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5">
						<div class="banner_content">
							<h2>
								HulaCWMS<br>
								呼啦多语言企业网站管理系统
							</h2>
							<p>
						 		支持多达40余种语言，一键切换。后台创建，模板分离，让风格在不同语言下特异；专业技术对接，远程安装指导，在线技术客服，解决您的一切问题。
							</p>
							<div class="d-flex align-items-center">

								{zz:type typeid="107"}
									<a class="primary_btn" href="{$field['url']}"><span>了解更多>></span></a>
						 		{/zz:type}

								<a id="play-home-video" class="video-play-button" href="">
									<span></span>
								</a>
								<div class="watch_video text-uppercase">
									watch the video
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-7">
						<div class="home_right_img">
							<img class="img-fluid" src="__IMG__/banner/home-right.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================End Home Banner Area =================-->

	<!--================Start Features Area =================-->
	<section class="section_gap features_area">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					{zz:type typeid="86"}
					<div class="main_title">
						<p class="top_title">{$field['title']}</p>
						<h2>{$field['meta_title']}</h2>
						<p>{$field['description']}</p>
						<a href="{$field['url']}" class="primary_btn"><span>了解更多>></span></a>
					</div>
					{/zz:type}
				</div>
			</div>
			<div class="row align-items-center">
				 
					<div class="col-lg-6">
						<div class="left_features">
							{zz:type typeid="109"}
								<img class="img-fluid" src="{$field['icon']}" alt="{$field['title']}">
							{/zz:type}
						</div>
					</div>
					<div class="col-lg-5 offset-lg-1">
						{zz:arclist row="3" typeid="109" orderby="create_time desc"} 
						<!-- single features -->
						<a href="{$field['link_str']}" style="color: #777777 !important;" target="_blank">
							<div class="single_feature">
								<div class="feature_head">
									<span class="lnr lnr-screen"></span>
									<h4>{$field['title']}</h4>
								</div>
								<div class="feature_content">
									<p>{$field['description']}...</p>查看更多>>
								</div>
							</div>
						</a>
				 		{/zz:arclist}
					</div>
			</div>
		</div>
	</section>
	<!--================End Features Area =================-->

	<!--================Recent Update Area =================-->
	<section class="recent_update_area">
		<div class="container">
			<div class="recent_update_inner">
				<ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
					{zz:arclist typeid="113" orderby="create_time asc"} 
						<li class="nav-item">
							<a class="nav-link  {$i==1?'active':''}" id="tab-{$field['id']}" data-toggle="tab" role="tab" href="#id{$field['id']}" aria-controls="id{$field['id']}">
								<span class="lnr lnr-screen"></span>
								<h6>{$field['title']}</h6>
							</a>
						</li>
					{/zz:arclist}
				</ul>
				<div class="tab-content" id="myTabContent">
					{zz:arclist typeid="113" orderby="create_time asc"} 
					<div class="tab-pane fade {if $i==1}active show{/if}" id="id{$field['id']}" role="tabpanel" aria-labelledby="tab-id{$field['id']}">
						<div class="row recent_update_text align-items-center">
							<div class="col-lg-5">
								<div class="common_style">
									<p class="line">HulaCWMS</p>
									<h3>{$field['title']}</h3>
									<p>{$field['description']}</p>
									<a class="primary_btn" href="http://www.hulaxz.com/article/detail/id/198.html" target="_blank"><span>了解更多>></span></a>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="chart_img">
									<img class="img-fluid" src="__IMG__/chart.png" alt="">
								</div>
							</div>
						</div>
					</div>
					{/zz:arclist}
				</div>
			</div>
		</div>
	</section>
	<!--================ Recent Update Area =================-->

	<!--================Start Big Features Area =================-->
	<section class="section_gap big_features">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					<div class="main_title">
					{zz:type typeid="84"}
						<p class="top_title">{$field['title']}</p>
						<h2>{$field['meta_title']}</h2>
						<p>{$field['description']}</p>
					{/zz:type}
					</div>
				</div>
			</div>
			{zz:arclist typeid="84" orderby="create_time asc" row="1"} 
				<div class="row features_content">
					<div class="col-lg-4 offset-lg-1">
						<div class="big_f_left">
							<img class="img-fluid" src="{$field['cover_path']}" alt="{$field['title']}">
						</div>
					</div>
					<div class="col-lg-4 offset-lg-2">
						<div class="common_style">
							<p class="line">{$field['keywords']}</p>
							<h3>{$field['title']}</h3>
							<p>{$field['description']}</p>
							<a class="primary_btn" href="{:url('article/lists?id='.$field['category_id'])}"><span>了解更多>></span></a>
						</div>
					</div>
					<div class="border-line"></div>
					<img class="shape1"src="__IMG__/shape1.png" alt="">		
					<img class="shape2"src="__IMG__/shape2.png" alt="">		
					<img class="shape3"src="__IMG__/shape1.png" alt="">		
				</div>
			{/zz:arclist}
			{zz:arclist typeid="84" orderby="create_time desc" row="1"} 
				<div class="row features_content bottom-features">
					<div class="col-lg-5">
						<div class="common_style">
							<p class="line">{$field['keywords']}</p>
							<h3>{$field['title']}</h3>
							<p>{$field['description']}</p>
							<a class="primary_btn" href="{:url('article/lists?id='.$field['category_id'])}"><span>了解更多>></span></a>
						</div>
					</div>
					<div class="col-lg-5 offset-lg-2">
						<div class="big_f_left">
							<img class="img-fluid" src="{$field['cover_path']}" alt="{$field['title']}">
						</div>
					</div>
					<div class="border-line"></div>
					<img class="shape1"src="__IMG__/shape1.png" alt="">		
					<img class="shape2"src="__IMG__/shape2.png" alt="">		
					<img class="shape3"src="__IMG__/shape1.png" alt="">		
				</div>
			{/zz:arclist}
		</div>
	</section>
	<!--================End Big Features Area =================-->
	
	<!--================Srart Pricing Area =================-->
	<section class="price_area section_gap">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					<div class="main_title">
						{zz:type typeid="107"}
						<p class="top_title">{$field['title']}</p>
						<h2>{$field['meta_title']}</h2>
						<p>{$field['description']}</p>
						{/zz:type}
					</div>
				</div>
			</div>
			<div class="price_inner row justify-content-center">
				{zz:channel type="son" typeid="107" row="3"}
					<div class="col-lg-4 col-md-6">
						<div class="price_item">
							<div class="price_head">
								<h4>{$field['title']}</h4>
							</div>
							<div class="price_body">
								<ul class="list">
									<li><a href="{$field['link_str']}" target="_blank">{$field['description']}</a></li>
								</ul>
							</div>
							<div class="price_footer">
								<h3><span class="dlr">$</span> {$field['keywords']}</h3>
								<a class="primary_btn" href="{$field['link_str']}" target="_blank"><span>去购买</span></a>
							</div>
						</div>
					</div>
				
				{/zz:channel}
				
			</div>
		</div>
	</section>
	<!--================End Pricing Area =================-->

	<!--================ Start Testimonial Area =================-->
	<div class="section_gap_top testimonial_area">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					<div class="main_title">
						{zz:type typeid="117"}
						<p class="top_title">{$field['title']}</p>
						<h2>{$field['meta_title']}</h2>
						<p>{$field['description']}</p>
						{/zz:type}	
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-lg-6 text-center">
					<div class="active_testimonial owl-carousel" data-slider-id="1">
						<!-- single testimonial -->
						{zz:arclist typeid="117" orderby="create_time desc" row="4"} 
							<div class="single_testimonial">
								<div class="testimonial_head">
									<img src="{$field['cover_path']}">
									<h4>{$field['title']}</h4>
									<div class="review">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
									</div>
								</div>
								<div class="testimonial_content">
									<p> {:cn_substr(html2text($field['description']),50)}...</p>
								</div>
							</div>
						{/zz:arclist}
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--================ End Testimonial Area =================-->

	<!--================ Srart Brand Area =================-->
	<section class="brand_area section_gap">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="owl-carousel brand-carousel">
						<!-- single-brand -->
						 {zz:flink row="10" type="image"}
							<div class="single-brand-item d-table">
								<div class="d-table-cell">
									<a href="{$field['url']}" target="_blank"><img src="{$field['image']}" alt="{$field['title']}"></a>
								</div>
							</div>
						{/zz:flink}
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ End Brand Area =================-->

	<!--================Impress Area =================-->
	<section class="impress_area">
		<div class="container">
			<div class="impress_inner">
				{zz:type typeid="113"}
					<h2>{$field['meta_title']}</h2>
					<p>{$field['description']}</p>
				{/zz:type}
				{zz:type typeid="107"}
					<a class="primary_btn" href="{$field['url']}"><span>了解更多>></span></a>
				{/zz:type}	
			</div>
		</div>
	</section>
	<!--================End Impress Area =================-->


	<!--================Footer Area =================-->
	{include file="footer.html"}
	<!--================End Footer Area =================-->

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="__JS__/jquery-3.2.1.min.js"></script>
	<script src="__JS__/popper.js"></script>
	<script src="__JS__/bootstrap.min.js"></script>
	<script src="__JS__/stellar.js"></script>
	<script src="__JS__/jquery.magnific-popup.min.js"></script>
	<script src="__VEN__/nice-select/js/jquery.nice-select.min.js"></script>
	<script src="__VEN__/isotope/imagesloaded.pkgd.min.js"></script>
	<script src="__VEN__/isotope/isotope-min.js"></script>
	<script src="__VEN__/owl-carousel/owl.carousel.min.js"></script>
	<script src="__JS__/jquery.ajaxchimp.min.js"></script>
	<script src="__VEN__/counter-up/jquery.waypoints.min.js"></script>
	<script src="__VEN__/counter-up/jquery.counterup.min.js"></script>
	<script src="__JS__/mail-script.js"></script>
	<!--gmaps Js-->
	<!---
	<script src="__JS__/gmaps.min.js"></script>--->
	<script src="__JS__/theme.js"></script>
</body>

</html>